import React from 'react'
import './App.css'
import Container from './component/Container'
import HeaderSearch from './component/HeaderSearch'
import NavLeft from './component/NavLeft'
import Player from './component/Player'
import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;

export default function App() {
  return (
    <Layout id='musicContainer' >
      <Sider style={{backgroundColor:'#fff9'}}><NavLeft/></Sider>
      <Layout style={{backgroundColor:'#fff0'}}>
        <Header style={{backgroundColor:'#fff0'}}><HeaderSearch/></Header>
        <Content><Container/></Content>
        <Footer ><Player/></Footer>
      </Layout>
    </Layout>
  )
}
